.left{
  width: 73%;
  border-radius: 0.5vw;
  //height: 700px;
  //border: 1px solid red;
  background-color: white;
  ul{
    width: 100%;
    //height: 100%;
    //margin-top: 3%;
    li{
      padding-top: 2%;
      border-bottom: 0.1vw solid rgb(235,235,235);
      .top{
        width: 100%;
        height: 70px;
        //border: 1px solid red;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 2%;
        .top_left{
          display: flex;
          align-items: center;
          width: 50%;
          img{
            width: 3.5vw;
            height: 3.5vw;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 5%;
          }
          .name{
            font-size: 18px !important;
          }
          .time{
            margin-left: 5%;
            font-size: 13px!important;
            color: #959398;
          }
        }
        .top_right{
          button{
            display: block;
            width: 70px;
            height: 30px;
            border: 0;
            color: white;
            background-color: #1aa9ff;
          }
          button:hover{
            background-color: #0d8dff;
          }
        }
      }
      .center{
        cursor: pointer;
        //border: 1px solid red;
        .center_text{
          width: 90%;
          height: 100%;
          //border: 1px solid red;
          margin: 0 auto;
          padding-top: 2%;
          padding-bottom: 2%;
          background-color: rgb(245,245,245);
          h1{
            font-size: 20px !important;
            margin-bottom: 3%;
            margin-left: 3%;
          }
          .textBox{
            p{
              margin-left: 6%;
              //border: 1px solid red;
              width: 60%;
              height: 25px;
              overflow:hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }
            .textImg{
              margin-left: 3%;
              ul{
                display: flex;
                li{
                  margin-left: 1%;
                  margin-right: 1%;
                  border: 0;
                  img{
                    width: 120px;
                    height: 120px;
                    object-fit: cover;
                  }
                }
              }

            }
          }
        }
      }
      .bottom{
       width: 100%;
        height: 100%;
        .bottom_box{
          width: 90%;
          margin: 2% auto;
          height: 100%;
          //border: 1px solid red;
          display: flex;
          justify-content: end;
          div{
            display: flex;
            margin-right: 5%;
          }
        }
      }
    }
  }
}
.right{
  width: 25%;
  height: 550px;
  background-color: white;
  border-radius: 0.5vw;
  .swiper{
    width: 100%;
    padding: 6%;
    //border: 1px solid red;
    img{
      width: 100%;
      //height: 100%;
      object-fit: cover;
      overflow: hidden;
    }
    //border: 1px solid red;
  }
  .release{
    width: 100%;
    //border: 1px solid red;
    margin-top: 7%;
    button{
      width: 80%;
      border: 0;
      background-color: #82e2ff;
      height: 60px;
      display: block;
      margin: 0 auto;
      color: white;
      border-radius: 0.5vw;
      box-shadow: 0px 0px 5px 1px rgba(130,210,255,.5) ;
      p{
        display: inline-block;
        margin-left: 15%;
        margin-right: 15%;
        font-size: 20px;
      }
    }
  }
  .body_Popular{
    margin-top: 10%;
    width: 100%;
    height: 50%;
    // border: 1px solid red;
    .reMeng{
      font-size: 1.1vw !important;
      cursor:pointer;
      height: 20%;
      display: flex;
      justify-content: space-between;
      padding-left: 4%;
      align-items: center;
      padding-right: 4%;
      border-bottom: 1px solid skyblue;
      //border-top: 1px solid skyblue;
    }
    ul{
      width: 100%;
      height: 90%;

      li{
        width: 100%;
        height: 40%;
        cursor:pointer;
        // border: 1px solid red;
        border-bottom: 0.1vw solid rgb(235,235,235);
        display: flex;
        .one{
          height: 100%;
          width: 40%;
          // border: 1px solid red;
          display: flex;
          align-items: center;
          img{
            width: 70%;
            height: 60%;
            margin: 0 auto;
            // 保持图片不失真
            object-fit: cover;
            transition: all 0.5s;
          }
        }
        .two{
          height: 100%;
          width: 60%;
          // border: 1px solid red;
          display: flex;
          align-items: center;
          p{
            margin-left: 10%;
            transition: all 0.5s;
          }
        }
      }
      li:hover{
        img{
          width: 75%;
          height: 65%;
        }
        p{
          color: skyblue;
        }
      }
    }
    .reMeng:hover{
      color:skyblue !important;
    }
  }
}